<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好友管理</title>
<link type="text/css" rel="stylesheet" href="../../../c/base/base.css" />
<link type="text/css" rel="stylesheet" href="../../../c/themes/night/style.css" />
<link type="text/css" rel="stylesheet" href="../c/style.css" />
</head>

<body>
<!--[if lt IE 7]>
<div id="scrollWrap">
<![endif]-->

<div id="dropWrap">
	<div class="popLayer" style="top:500px;left:240px;display:block;display:none;">
		<div class="decor">
			<span class="tl"></span>
			<span class="tr"></span>
			<span class="br"></span>
			<span class="bl"></span>
			<iframe class="maskIframe"></iframe>
		</div>
		<div style="width: 560px;" class="content">
			<div class="head">
				<h4>
					<label for="selectPprovince">请选择学校所在的省市：</label>
					<select name="selectPprovince" id="selectPprovince" class="select province">
						<option value="0">选择省份</option>
						<option value="1">北京市</option>
						<option value="2">天津市</option>
						<option value="3">河北省</option>
						<option value="4">山西省</option>
						<option value="5">辽宁省</option>
						<option value="6">吉林省</option>
						<option value="7">上海市</option>
						<option value="8">江苏省</option>
						<option value="9">浙江省</option>
						<option value="10">安徽省</option>
						<option value="11">福建省</option>
						<option value="12">江西省</option>
						<option value="13">山东省</option>
						<option value="14">河南省</option>
						<option value="15">内蒙古自治区</option>
						<option value="16">黑龙江省</option>
						<option value="17">湖北省</option>
						<option value="18">湖南省</option>
						<option value="19">广东省</option>
						<option value="20">广西壮族自治区</option>
						<option value="21">海南省</option>
						<option value="22">四川省</option>
						<option value="23">重庆市</option>
						<option value="24">台湾省</option>
						<option value="25">贵州省</option>
						<option value="26">云南省</option>
						<option value="27">西藏自治区</option>
						<option value="28">陕西省</option>
						<option value="29">甘肃省</option>
						<option value="30">青海省</option>
						<option value="31">宁夏回族自治区</option>
						<option value="32">新疆维吾尔族自治区</option>
						<option value="33">香港特别行政区</option>
						<option value="34">澳门特别行政区</option>
						<option value="35">海外</option>
					</select>
				</h4>
				<div class="option"><a href="javascript:void(0);" class="icon i-close">关闭</a></div>
			</div>
			<div class="body schoolList">
				<table width="100%" cellspacing="4" cellpadding="0" border="0">
					<tbody>
						<tr>
							<td><a value="313001" href="javascript:void(0);">中国政法大学管理干部学院</a></td>
							<td><a value="313002" href="javascript:void(0);">北京人民警察学院</a></td>
							<td><a value="313003" href="javascript:void(0);">中央文化管理干部学院</a></td>
						</tr>
						<tr>
							<td><a value="313004" href="javascript:void(0);">北京建设大学</a></td>
							<td><a value="313005" href="javascript:void(0);">北京中心企业管理学院</a></td>
							<td><a value="313006" href="javascript:void(0);">北京石油管理干部学院</a></td>
						</tr>
						<tr>
							<td><a value="313007" href="javascript:void(0);">北京联合大学外国语师范学院</a></td>
							<td><a value="313008" href="javascript:void(0);">北京金融学院</a></td>
							<td><a value="313009" href="javascript:void(0);">中央党校函授学院</a></td>
						</tr>
						<tr>
							<td><a value="313010" href="javascript:void(0);">中国逻辑与语言函授大学</a></td>
							<td><a value="313011" href="javascript:void(0);">中国医学科学院 中国协和医科大学</a></td>
							<td><a value="313012" href="javascript:void(0);">北京联合大学中医药学院</a></td>
						</tr>
						<tr>
							<td><a value="313013" href="javascript:void(0);">中央戏剧学院</a></td>
							<td><a value="313014" href="javascript:void(0);">北京房地产职工大学</a></td>
							<td><a value="313015" href="javascript:void(0);">东方财经日语大学</a></td>
						</tr>
						<tr>
							<td><a value="313016" href="javascript:void(0);">北京市财贸管理干部学院</a></td>
							<td><a value="313017" href="javascript:void(0);">河南科技大学林业职业学院</a></td>
							<td><a value="313018" href="javascript:void(0);">北京会计专修学院</a></td>
						</tr>
						<tr>
							<td><a value="313019" href="javascript:void(0);">北京实验大学</a></td>
							<td><a value="313020" href="javascript:void(0);">北京黄浦大学</a></td>
							<td><a value="313021" href="javascript:void(0);">北京市财贸干部管理学院</a></td>
						</tr>
						<tr>
							<td><a value="313022" href="javascript:void(0);">理想大学 NO.1</a></td>
							<td><a value="313023" href="javascript:void(0);">北京市第九十七中学</a></td>
							<td><a value="313024" href="javascript:void(0);">北京市东城区职工业余大学</a></td>
						</tr>
						<tr>
							<td><a value="313025" href="javascript:void(0);">会计专修学校</a></td>
							<td><a value="313026" href="javascript:void(0);">北京市东城区职工大学</a></td>
							<td><a value="313027" href="javascript:void(0);">中国国际文化交流培训中心</a></td>
						</tr>
						<tr>
							<td><a value="313028" href="javascript:void(0);">中华研修大学（东城教学部）</a></td>
							<td><a value="313029" href="javascript:void(0);">中医药学院</a></td>
							<td><a value="313030" href="javascript:void(0);">首都联大中国社会科学院分校</a></td>
						</tr>
						<tr>
							<td><a value="313031" href="javascript:void(0);">北京市成人教育指导中心</a></td>
							<td><a value="313032" href="javascript:void(0);">北京成人教育考试培训中心</a></td>
							<td><a value="313033" href="javascript:void(0);">北京国际经贸研修学院 </a></td>
						</tr>
						<tr>
							<td><a value="313034" href="javascript:void(0);">北京市企鹅大学</a></td>
							<td><a value="313035" href="javascript:void(0);">北京财经专修学院</a></td>
							<td><a value="313036" href="javascript:void(0);">中共中央党校函授学院</a></td>
						</tr>
						<tr>
							<td><a value="313037" href="javascript:void(0);">涿州2001级电子商务系</a></td>
							<td><a value="313038" href="javascript:void(0);">春蔚大学</a></td>
							<td><a value="313039" href="javascript:void(0);">鼓楼联大</a></td>
						</tr>
						<tr>
							<td><a value="313040" href="javascript:void(0);">北京建设大学二部</a></td>
							<td><a value="313042" href="javascript:void(0);">北京市黄蒲大学</a></td>
							<td><a value="313043" href="javascript:void(0);">北京经贸大学</a></td>
						</tr>
						<tr>
							<td><a value="313044" href="javascript:void(0);">北京第二外国语学院（京东英语专科联校）</a></td>
							<td><a value="313045" href="javascript:void(0);">北京联大职技师院</a></td>
							<td><a value="313046" href="javascript:void(0);">北京市中德技校</a></td>
						</tr>
					</tbody>
				</table>
			</div>
			<div class="foot">
				<div class="pager right" id="schooLPagerBar"><strong>1</strong><a page="2" href="javascript:void(0)">[2]</a><a page="3" href="javascript:void(0)">[3]</a><a page="4" href="javascript:void(0)">[4]</a><a page="5" href="javascript:void(0)">[5]</a><a page="6" href="javascript:void(0)">[6]</a><a page="7" href="javascript:void(0)">[7]</a><a page="2" href="javascript:void(0)">下一页</a></div>
			</div>
		</div>
	</div>
</div>

<div id="page">
<div id="pageMid">
<div id="pageInt">

<div id="pageHd">
<div id="pageHdInt">
</div>
</div>

<div id="pageBd">
<div id="pageBdInt">
						
<div id="canvas-app" class="canvas">
<div id="canvas-appInt">
<!-- Canvas Start -->

	<div class="appHead">
		<h2><img class="icon i-friend" alt="好友" src="http://10.11.85.21/r/i/space.gif" />好友</h2>
		<div class="option"><a href="#">选项</a></div>
	</div>
	
	<div class="appBody">
		<div class="tabs appTabs">
			<ul>
				<li class="on"><a href="#"><span>好友管理</span></a></li>
				<li><a href="#"><span>寻找好友</span></a></li>
				<li><a href="#"><span>你可能认识的人</span></a></li>
			</ul>
		</div>
	
		<div class="appContent">
			<div class="lay lay-m160-sAuto">
				<div class="layInt">
					<div class="colMain">
						<div class="colInt">
							
							<!-- 好友分组: start -->
							<div id="friendGroups">
								<h3>好友分组</h3>
								<ul class="friendGroupList">
									<li><a class="fgName all" href="#">全部好友</a></li>
									<li>
										<span class="fgOption"><a href="#" class="icon i-edit" title="编辑">编辑</a><a href="#" class="icon i-del" title="删除">删除</a></span>
										<a class="fgName" href="#"><span>现在同事</span></a>
									</li>
									<li class="on">
										<span class="fgOption"><a href="#" class="icon i-edit" title="编辑">编辑</a><a href="#" class="icon i-del" title="删除">删除</a></span>
										<a class="fgName" href="#"><span>大学同学</span></a>
									</li>
									<li>
										<span class="fgOption"><a href="#" class="icon i-edit" title="编辑">编辑</a><a href="#" class="icon i-del" title="删除">删除</a></span>
										<a class="fgName" href="#"><span>高中同学</span></a>
									</li>
								</ul>
								<div class="friendNewGroup" style="display:block;display:none;">
									<div class="fngName">
										<input type="text" class="text" />
										<span class="button button-main"><span><button type="button">确认</button></span></span>
									</div>
									<div class="fngTip">
										<div class="head">第一步：输入名称（小于7个字）</div>
										<div class="body">输入一个容易记忆的名称，按回车确定</div>
									</div>
								</div>
								<div class="friendCreateGroup">
									<span class="button button-main"><span><button type="button">创建新分组</button></span></span>
								</div>
							</div>
							<!-- 好友分组: end -->
						
						</div>
					</div>
					<div class="colSub">
						<div class="colInt">
		
							<div id="friendList" class="mod">
								<div class="mDc">
									<span class="tl"></span>
									<span class="tr"></span>
									<span class="br"></span>
									<span class="bl"></span>
								</div>
								<div class="mCt">
									<div class="mHd">
										<h3>共有 32 位好友</h3>
										<div class="option">
											<input type="text" class="text" />
											<span class="button button-main"><span><button type="button">搜索</button></span></span>
										</div>
									</div>
									<div class="mBd">
										<ul class="friendList">
											<li class="friendItem click" onclick="toggle(this);">
												<div class="friendAvatar"><a href="#" title="iceshow"><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-48 basic" /><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-full extra" /></a></div>
												<div class="firendOption">
													<ul>
														<li><a href="#" class="opt opt-changeGroup">修改所属分组</a></li>
														<li class="extra"><a href="#" class="opt opt-break">解除好友关系</a></li>
														<li class="extra"><a href="#">隐藏</a></li>
														<li class="basic"><a href="#">更多</a></li>
													</ul>
												</div>
												<div class="friendInfo">
													<h4>姓名：<a href="#" title="iceshow">iceshow</a></h4>
													<p>如果生命给我再来一次的机会...<span class="extra">我还是什么都不说 :(</span></p>
												</div>
											</li>
											<li class="friendItem" onclick="toggle(this);">
												<div class="friendAvatar"><a href="#" title="iceshow"><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-48 basic" /><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-full extra" /></a></div>
												<div class="firendOption">
													<ul>
														<li><a href="#" class="opt opt-changeGroup">修改所属分组</a></li>
														<li class="extra"><a href="#" class="opt opt-break">解除好友关系</a></li>
														<li class="extra"><a href="#">隐藏</a></li>
														<li class="basic"><a href="#">更多</a></li>
													</ul>
												</div>
												<div class="friendInfo">
													<h4>姓名：<a href="#" title="iceshow">iceshow</a></h4>
													<p>如果生命给我再来一次的机会...<span class="extra">我还是什么都不说 :(</span></p>
												</div>
											</li>
											<li class="friendItem" onclick="toggle(this);">
												<div class="friendAvatar"><a href="#" title="iceshow"><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-48 basic" /><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-full extra" /></a></div>
												<div class="firendOption">
													<ul>
														<li><a href="#" class="opt opt-changeGroup">修改所属分组</a></li>
														<li class="extra"><a href="#" class="opt opt-break">解除好友关系</a></li>
														<li class="extra"><a href="#">隐藏</a></li>
														<li class="basic"><a href="#">更多</a></li>
													</ul>
												</div>
												<div class="friendInfo">
													<h4>姓名：<a href="#" title="iceshow">iceshow</a></h4>
													<p>如果生命给我再来一次的机会...<span class="extra">我还是什么都不说 :(</span></p>
												</div>
											</li>
											<li class="friendItem" onclick="toggle(this);">
												<div class="friendAvatar"><a href="#" title="iceshow"><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-48 basic" /><img src="http://photo.zhenxi.com/photo/images/personal/61/240034/1225430226764_100X140.jpg" class="avatar-full extra" /></a></div>
												<div class="firendOption">
													<ul>
														<li><a href="#">修改所属分组</a></li>
														<li class="extra"><a href="#">从本组中移除</a></li>
														<li class="extra"><a href="#">解除好友关系</a></li>
														<li class="extra"><a href="#">隐藏</a></li>
														<li class="basic"><a href="#">更多</a></li>
													</ul>
												</div>
												<div class="friendInfo">
													<h4>姓名：<a href="#" title="leeking">leeking</a></h4>
													<p>如果生命给我再来一次的机会...<span class="extra">我还是什么都不说 :(</span></p>
												</div>
											</li>
										</ul>
		
										<div class="pager">
											共10页<span class="pipe">|</span><strong>1</strong><a href="#">[2]</a><a href="#">[3]</a><a href="#">[4]</a><a href="#">[5]</a><a href="#">[6]</a><a href="#">下一页</a><a href="#">最末页</a>
										</div>
									</div>
								</div>
							</div>
		
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<div class="appFoot">
		&copy; 2009 <a href="#">好友</a> 版权所有
	</div>

<!-- Canvas End -->
</div>
</div>
</div>
</div>

</div>
</div>

</div>

<!--[if IE 7]>
</div>
<![endif]-->

<script type="text/javascript">
<!--
function toggle(ele) {
	ele.className = ele.className=='friendItem'?'friendItem click':'friendItem';
}
function $(id) {
	return document.getElementById(id);
}
-->
</script>
</body>
</html>
